<!DOCTYPE html>
<!--[if it IE 7]>
<html class=no-js ie ie6 ite9 ite8 ite7"><![endif]-->
<!--[if IE 7]>
<html class=no-js ie ie7 ite9 ite8 ite7"><![endif]-->
<!--[if IE 8]>
<html class=no-js ie ie8 ite9 ite7"><![endif]-->
<!--[if IE 9]>
<html class=no-js ie ie9 ite8 ite7"><![endif]-->
<!--[if gt IE 9]>
<html class=no-js"><![endif]-->
<!--[if !IE]>
<html><![endif]-->
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>头部底部</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">

    <style type="text/css">
      
    </style>

    <script>
        $(function() {
            // $('nav ul li').hover(function() {
            //     $('nav ul li a span img').attr('src', 'images/yydd_arrow_white.png');
            //     $('#front_header .header_wrap .right .out').show();
            // }, function() {
            //     $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
            //     $('#front_header .header_wrap .right .out').hide();
            // });
            // $('nav ul li a span').on('mouseover', 'img', function() {
            //     $(this).find('nav ul li a span img').attr('src',  'images/yydd_arrow_white.png');
            // });
            // $('nav ul li a span').on('mouseout', 'img', function() {
            //     $(this).find('nav ul li a span img').attr('src', 'images/yydd_arrow_blank.png');
            // });


            $('nav ul li a').click(function() {
                $('nav ul li a').removeClass('nav-active');
                $(this).addClass('nav-active');
                // $('nav ul li a span img').attr('src', 'images/yydd_arrow_white.png');
            });




            $('.mainList .content .left .list_header').click(function() {
                if($('.mainList .content .left .secendList').is(':hidden')) {
                    $('.mainList .content .left .secendList').slideDown();
                    $('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
                } else {
                    $('.mainList .content .left .secendList').slideUp();
                    $('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
                };

            });
        });

    </script>

    <script language="javascript" type="text/javascript">
    // $(document).ready(function (){
    //    $("nav ul li").each(function(index){
    //    $(this).click(function(){ 
    //    $("nav ul li").removeClass("nav-active");
    //    $("nav ul li").eq(index).addClass("nav-active");
    //    });
    //  });
    //  });


      function change_pic(){
            var button = document.getElementById("button");

            var picts = document.getElementById("picts");

            button.onclick = function(){
                if(picts.getAttribute("src",2) == "../images/angels.jpg"){

                    picts.setAttribute("src","../images/attrach.jpg");

                }else{

                    picts.setAttribute("src","../images/angels.jpg");

                };
            }
        }
        change_pic();
</script> 
</head>
<body>
<!--header-->
<header>
    <!--Top head navigation bgc-->
    <div class="top-nav-bgc">
        <!--Top head navigation-->
        <div class="top-nav">
            <!--left-->
            <div class="top-nav-left fl">
                <!--img-->
                <img src="images/home.png">
                <!--companyName-->
                <span><a href="index">观迎访问仪器共享平台</a></span>
            </div>
            <!--right-->
            <div class="top-nav-right fr" >
                <!--username-info-->
                <div class="username-info">
                    <!--userImg-->
                    <div class="userImg fl">
                        <img src="images/user.png">
                    </div>
                    <!--username-->
                    <div class="username fl">
                        <ul>
                            <li id="username" >
                                <a onclick="userImg();" href="">itwangyang@foxmail.com</a>
                                <img id="userImg" src="images/icon1.png">
                            </li>
                        </ul>
                        <ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
                            <!--<img src="images/icon9.png">-->
                            <li>
                                <a class="active" href="">用户中心</a>
                            </li>
                            <li>
                                <a href="">退出登录</a>
                            </li>

                            
                        </ul>
                    </div>

                     <!--  <div class="fl">
                        <ul>
                            <li class="fl" style="margin-right: 20px"><a href="">登录</a></li>
                            <li class="fl"><a href="">注册</a></li>
                        </ul>
                    </div> -->
                    <!--selectNav-->
                    <!--<div class="icon-img fl">-->
                    <!--<img src="images/icon1.png">-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
    <!--header search-->
    <div class="header-search clearfix">
        <!--left-->
        <div class="header-search-lef fl">
            <div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
            <div class="shopping-Mall fl">
                <div class="logo-mall instrument-management">
                    <a href="">仪器管理</a>
                </div>
            </div>
        </div>
        <!--right-->
    </div>

    <!--nav-->
    <nav>
        <ul>
            <li >
                <a class="nav-active"  href="#">仪器管理与发布
                    <span>
                        <img src="images/yydd_arrow_blank.png" >
                    </span>
                </a>
                <ul>
                    <li ><a  href="#">信息维护</a> </li>
                    <li><a href="#">发布仪器</a> </li>
                    <li><a href="#">发布仪器公告</a> </li>
                    <li><a href="#">发布服务</a> </li>
                </ul>
            </li>


            <li>
                <a href="#">预约订单管理
                    <span>
                        <img src="images/yydd_arrow_blank.png">
                    </span>
                </a>
                <ul>
                    <li ><a  href="#">信息维护</a> </li>
                    <li><a href="#">发布仪器</a> </li>
                    <li><a href="#">发布仪器公告</a> </li>
                    <li><a href="#">发布服务</a> </li>
                </ul>
            </li>

            <li>
                <a href="#">实验订单管理
                    <span>
                        <img src="images/yydd_arrow_blank.png">
                    </span>
                </a>
                <ul>
                    <li ><a href="#">信息维护</a> </li>
                    <li><a href="#">发布仪器</a> </li>
                    <li><a href="#">发布仪器公告</a> </li>
                    <li><a href="#">发布服务</a> </li>
                </ul>
            </li>
        </ul>
    </nav>
</header>




















<!--page-->
<div class="myPage clearfix">
    <!--currentpage="1" numbercount="100"-->
    <ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
</div>

<!--footer-->
<footer>
    <div class="foot clearfix">
        <p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
    </div>
</footer>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/common.js"></script>



<!--<script type="text/javascript">

    // 处理页面高度过矮时底部出现空白问题

    window.onload = function () {

//待页面所有图片加载完毕后再执行

        jQuery("footer").css({'display': 'block'});

        if (document.body.clientHeight < window.innerHeight) {

            jQuery("footer").css({'position': 'fixed', 'bottom': '0', 'width': '100%'});

        }

        controllFooter();

    };

    function controllFooter() {

        if ($(window).height() < $(document).height()) {

            $("footer").css('position', 'static');

        } else {

            $("footer").css({'position': 'fixed', 'bottom': '0px'});

        }

    }

</script>-->


<!--<script>
    $(function () {
        $(".boxc_b").click(function () {
            var dataDom = new Date();
            var hour = dataDom.getHours();
            var min = dataDom.getMinutes();
            var sec = dataDom.getSeconds();
            var center = $(".boxc_c").text();
            if (center == ""){
                alert("内容不能为不空")
                return;
            }
            //    当前追加
            $(".nextBox").prepend("<span>" + hour +":"+ adde(min) + ":" + adde(sec)  +" </span><p style='padding:4px;'>" + center + "</p>")
            $(".boxc_c").text("");
        })
        $(".boxc_c").keydown(function (e) {
            if (e.keyCode == 13){
                //    模拟点击事件
                $(".boxc_b").trigger("click");
            }
        })

        function adde(num) {
            return num < 10 ? "0" + num:num;
        }
    })
</script>-->
</body>
</html>